<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>宝贝复制</title>
    <meta name="keywords" content="宝贝复制,淘宝详情">
    <meta name="description" content="">
    <link rel="stylesheet" href="./src/style/pure-min.css">
    <link rel="stylesheet" href="./src/style/main.css">
</head>
<body>
    <div>
        <div class="header">
            <div class="header-content">
                <img class="header-icon" src="./images/icon.svg" alt="">
                <span class="header-title">宝贝详情获取</span>
                <!-- <button class="pure-button pure-button-primary" id="test">测试</button> -->
            </div>
            <a href="./" class="download-link">
                <img class="icon-download" src="./images/download.svg" alt="">
                <div>插件下载</div>
            </a>
        </div>
        
        <div class="content pure-g">
            <div class="pure-u-4-5">
                <div class="pure-form">
                    <div>
                        <span>
                            导出形式:
                        </span>
                        <label>
                            <input name="exportType" value="file" type="radio">
                            文件
                        </label>
                        <label>
                            <input name="exportType" value="zip" type="radio">
                            zip
                        </label>
                        &emsp;
                        <span>请求方式:</span>
                        <label>
                            <input name="requestType" value="request" type="radio">
                            request
                        </label>
                        <label>
                            <input name="requestType" value="iframe" type="radio">
                            iframe
                        </label>
                    </div>
                    <div class="tab-bar">
                        <div class="tab-bar-active">
                            淘宝/天猫
                        </div>
                        <div>
                            拼多多
                        </div>

                    </div>
                    <!-- 淘宝/天猫 -->
                    <div class="tab-content tab-content-1">
                        <textarea
                            name=""
                            id="copy-url"
                            cols="30"
                            rows="20"
                            placeholder="输入淘宝、天猫的宝贝地址，支持批量复制，批量复制时一行一个宝贝链接 (如 https://item.taobao.com/item.htm?id=123456789)"
                        ></textarea>
                        <p>
                            <button class="pure-button pure-button-primary" id="copy-start">开始获取</button>
                        </p>
                    </div>
                    <!-- 拼多多 -->
                    <div class="tab-content tab-content-2 hide">
                        <textarea
                            name=""
                            id="copy-url-pdd"
                            cols="30"
                            rows="20"
                            placeholder="输入拼多多的宝贝地址，支持批量复制，批量复制时一行一个宝贝链接 (如 https://mobile.yangkeduo.com/goods.html?goods_id=136190829288)"
                        ></textarea>
                        <p>
                            <button class="pure-button pure-button-primary" id="copy-start-pdd">开始获取</button>
                        </p>
                    </div>
                </div>
            </div>
            <div class="pure-u-1-5">
                <!-- 教程 -->
                <div class="tutorial-block">
                    <img src="./images/tutorial.svg" alt="">
                    查看操作教程
                </div>
                <div id="progress-bar-block">
                    进度(<span id="progress-description">  </span>) <span id="progress-c">0</span> / <span id="progress-t">0</span>
                    <div id='progress-bar-wrap'>
                        <div id="progress-bar"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="side-bar">
        <div class="side-w wx-wrap">
            <img class="icon icon-wx" src="./images/wx.svg" alt="">
        </div>
        <div class="side-w wx-wrap">
            <img class="icon icon-more" src="./images/more.svg" alt="">
        </div>

    </div>

    <!-- <script src="./src/xlsx.core.min.js"></script> -->
    <script src="./src/jquery.min.js"></script>
    <script src="./src/jszip.js"></script>
    <script src="./src/main.bulid.js"></script>
    <!-- <script src="./src/main.js"></script>
    <script src="./src/goodsCopy.series.js"></script> -->
</body>
</html>